﻿<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
<head>
	<meta http-equiv='Content-Type' content='text/html;charset=UTF-8' />
	<link rel='stylesheet' href='css/960.css' />
	<link rel='stylesheet' href='css/text.css' />
	<link rel='stylesheet' href='css/estilo.css' />
	<title>Link Interno</title>
</head>
<body>
  <!-- Container -->
  <div class='container_12' id='geral'>
	  <div class='grid_12' id='cabecalho'>
		  <h1>Link's Interno</h1>
	  </div>
    
	  <p>
	    Links são ligações em documentos <abbr title='HyperText Markup Language'>HTML</abbr>, com eles podemos navegar na Internet e interligar as documentos armazenados nos servidores.
		Os links internos são responsavéis por navegar dentro das páginas HTML.
	  </p>
	  <p>O nosso exercício consiste em criar links para navegar de uma página a outra.</p> 
	  <!-- Conteudo -->
	  <div id='conteudo'>
		 <p>Crie uma página chamada <strong>index.html</strong> e um título <strong>h1</strong> chamado Página Inicial e alinhe ele ao centro.</p>
		 <p>
		   Insira dois parágrafos  com o 
		   <a rel='external' title='Lorem Ipsum' href='http://www.lipsum.com/feed/html'>gerador de parágrafos <img class='link-externo' title='Site Externo'
					alt='Site Externo' src="site-ext.gif" /> </a>, quebre uma linha e insira três link's para as páginas
		   <strong>quem-somos.html</strong>,<strong>localizacao.html</strong>,<strong>contato.html</strong>. Todos os links devem quebra uma linha e ter o atributo <samp>rel='internal'</samp>
		 </p>
		 
	      <ol>
		      <li>Uma lista de uma festa de 15 anos, ela deverá conter pelo menos 10 nomes.</li>
		      <li>Duas listas de materiais de construção civil alterando o tipo para <strong>'Upper Roman' e 'Lower Roman'</strong>.</li>
		      <li>Duas listas de marca de carros e altere o Tipo para <strong>'Upper Alpha' e 'Lower Alpha'</strong>.</li>
	      </ol>
	   </div> 
	   <!-- /Conteudo -->	 
	   <!-- Inicio Navegacao -->
	   <div  id='nav-inferior'>
		<a rel='internal' title='anterior' href='list-ordenada.html'>&laquo; anterior</a> 
		<a rel='internal' title='índice' href='index.html'> | indice | </a> 
		<a rel='internal' title='próximo' href='list-nao-ordenada.html'>próximo &raquo;</a>
	   </div>
    <!-- /Navegacao -->	
    </div>
</body>
</html>